<template>
  <div>
    <div class="container">
      <!-- 左部栏 -->

      <el-container>
        <el-aside width="300" style="height: 900px">
          <div>
            <div class="w-50 m-auto rounded-pill overflow-hidden">
              <img src="../assets/logo.png" class="w-100" alt="" />
            </div>
            <div class="m-auto text-center mb-5">
              <span>用户：1212312312</span>
              <br /><span
                style="
                  display: inlink-block;
                  background-color: red;
                  padding: 3px 5px;
                  border-radius: 5px;
                  color: white;
                "
                >退出</span
              >
            </div>
            <div>
              <h5
                class="
                  bg-info
                  hb_center
                  p-2
                  mb-3
                  rounded-pill
                  margin-auto
                  m-auto
                  text-center
                "
                style="width: 34%"
              >
                个人中心
              </h5>
            </div>
            <!-- 头像，退出登录 -->

            <!-- 个人信息 -->
            <el-row class="tac">
              <el-col :span="12">
                <h5>基础设置</h5>
                <el-menu
                  :default-active="$route.path"
                  class="el-menu-vertical-demo"
                  router
                >
                  <!-- 密码修改 -->
                  <el-menu-item index="/teacherlogin/changepwd">
                    <span slot="title">密码修改</span>
                  </el-menu-item>

                  <!-- 修改简历 -->
                  <el-menu-item index="/teacherlogin/resume">
                    <span slot="title">简历修改</span>
                  </el-menu-item>

                  <!-- 课程设置 -->
                  <el-menu-item index="/teacherlogin/cours">
                    <span slot="title">课程设置</span></el-menu-item
                  >

                  <!-- 资料上传 -->
                  <div class="pt-4"><b>资料上传</b></div>

                  <!-- 实名认证 -->
                  <el-menu-item index="/teacherlogin/reamname"
                    ><span slot="title">实名认证</span></el-menu-item
                  >

                  <div class="pt-4"><b>预约</b></div>

                  <!-- 我的订单 -->
                  <el-menu-item index="10"
                    ><span slot="title">我的订单</span></el-menu-item
                  >

                  <!-- 我的预约记录 -->
                  <el-menu-item index="11"
                    ><span slot="title">我的预约记录</span></el-menu-item
                  >

                  <div class="pt-4"><b>评价</b></div>

                  <!-- 我的评价 -->
                  <el-menu-item index="14"
                    ><span slot="title">我的评价</span></el-menu-item
                  >
                </el-menu>
              </el-col>
            </el-row>
          </div>
        </el-aside>

        <!-- 中间 -->

        <el-main>
          <div class="w-100">
            <router-view />
          </div>
        </el-main>
      </el-container>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.el-row {
  padding: 0;
}
.el-menu {
  width: 200px;
}
.el-aside {
  margin: 0 !important;
  height: 100vh;
}
</style>
